body {
  height: 100vh; }
  body .heade .pd {
    padding: 0.5333rem 0.4rem; }
  body .heade .search-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 0.8rem; }
    body .heade .search-wrap i {
      padding: 10px 0;
      color: #fff;
      font-size: 18px; }
      [data-dpr="2"] body .heade .search-wrap i {
        font-size: 36px; }
      [data-dpr="3"] body .heade .search-wrap i {
        font-size: 54px; }
    body .heade .search-wrap .sy {
      padding-right: 0.266666rem;
      color: #fff;
      font-size: 14px; }
      [data-dpr="2"] body .heade .search-wrap .sy {
        font-size: 28px; }
      [data-dpr="3"] body .heade .search-wrap .sy {
        font-size: 42px; }
    body .heade .search-wrap .mui-icon-search {
      position: absolute;
      left: 2rem;
      top: 50%;
      transform: translateY(-50%); }
    body .heade .search-wrap .right-icon {
      padding: 0.266666rem; }
    body .heade .search-wrap input {
      margin: 0;
      border: none;
      padding-left: 1.333333rem;
      width: 6.666666rem;
      height: 100%;
      background: #1c73ba;
      font-size: 14px; }
      [data-dpr="2"] body .heade .search-wrap input {
        font-size: 28px; }
      [data-dpr="3"] body .heade .search-wrap input {
        font-size: 42px; }
    body .heade .search-wrap input::-webkit-input-placeholder {
      color: #ddd; }
    body .heade .search-wrap input::-moz-input-placeholder {
      color: #ddd; }
    body .heade .search-wrap input::-ms-input-placeholder {
      color: #ddd; }
  body .container {
    width: 8.4rem;
    height: 11.666666rem;
    background: #fff;
    margin: 0.666666rem auto;
    border-radius: 0.066666rem; }
    body .container .container-heade {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 3.866666rem;
      margin: 0 0.8rem;
      border-bottom: 1px solid #eee; }
      body .container .container-heade .photo {
        width: 1.2rem;
        height: 1.2rem; }
        body .container .container-heade .photo img {
          width: 100%;
          height: 100%; }
      body .container .container-heade h2 {
        padding-top: 0.4rem;
        font-size: 16px; }
        [data-dpr="2"] body .container .container-heade h2 {
          font-size: 32px; }
        [data-dpr="3"] body .container .container-heade h2 {
          font-size: 48px; }
      body .container .container-heade p {
        padding-top: 0.2rem;
        font-size: 12px;
        color: #bbb; }
        [data-dpr="2"] body .container .container-heade p {
          font-size: 24px; }
        [data-dpr="3"] body .container .container-heade p {
          font-size: 36px; }
    body .container .container-content .title {
      height: 0.8rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 0.4rem;
      border-bottom: 1px solid #eee;
      margin-top: 50px;
      font-size: 14px; }
      [data-dpr="2"] body .container .container-content .title {
        font-size: 28px; }
      [data-dpr="3"] body .container .container-content .title {
        font-size: 42px; }
      body .container .container-content .title i {
        font-size: 14px; }
        [data-dpr="2"] body .container .container-content .title i {
          font-size: 28px; }
        [data-dpr="3"] body .container .container-content .title i {
          font-size: 42px; }
    body .container .container-content ul li {
      height: 1.533333rem;
      display: flex;
      align-items: center;
      padding: 0 0.533333rem;
      border-bottom: 1px solid #eee; }
      body .container .container-content ul li img {
        width: 0.866666rem;
        height: 0.866666rem; }
      body .container .container-content ul li .li-right {
        height: 0.8rem;
        padding-left: 0.4rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        body .container .container-content ul li .li-right p {
          font-size: 10px;
          padding-top: 0.066666rem; }
          [data-dpr="2"] body .container .container-content ul li .li-right p {
            font-size: 20px; }
          [data-dpr="3"] body .container .container-content ul li .li-right p {
            font-size: 30px; }
  body #picture .mui-table-view .mui-table-view-cell {
    height: 1.2rem;
    padding: 0; }
    body #picture .mui-table-view .mui-table-view-cell a {
      width: 100%;
      height: 100%;
      margin: 0;
      color: #000;
      display: flex;
      align-items: center;
      justify-content: center; }
